﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>过滤器的应用</title>
       <script type="text/javascript" src="jquery-1.8.0.js"></script>
    <script type="text/javascript">
        /*表格的奇数行是黄色背景，第一行是表头，所以显示大字体，最后一行是汇总，所以显示红色字体，正文的前三行是前三名，所示显示稍大字体*/
        $(function () {
            //表头显示大字体
           // $("#table1 tr:first").css("fontSize", "30");
            //最后一行显示红色字体
            $("#table1 tr:last").css("color", "red");
            //前三行，前三名字体变大
            $("#table1 tr:gt(0):lt(2)").css("fontSize", "25"); //lt(3)是从gt(0)新序后开始计算的，也是从0开始算
            //表格的奇数行是黄色背景:even
            $("#table1 tr:gt(0):even").css("background", "yellow");//表头不参与背景变化，所以gt(0)去掉表头
        });
    </script>
</head>
<body>
<table id="table1" border="1" align="center">
    <tr><th>姓名</th><th>成绩</th></tr>
    <tr><td>Jack</td><td>90</td></tr>
    <tr><td>Tom</td><td>95</td></tr>
    <tr><td>Jackie</td><td>100</td></tr>
    <tr><td>jerry</td><td>89</td></tr>
    <tr><td>哈哈</td><td>70</td></tr>
    <tr><td>呵呵</td><td>80</td></tr>
    <tr><td>平均分</td><td>75</td></tr>
</table>
</body>
</html>
